<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <style type="text/css">
        p {
            border: 10px double black;
            /* hoffset 正右负左 voffset 正下负上 
                blur 模糊值越大边界越模糊 0边界清晰
                spread 指定阴影的延伸半径,正/负值代表阴影向盒子各个方向延伸扩大/相反方向缩小
                可应用多个阴影，inset是内部阴影
            */
            box-shadow: 5px 4px 10px 2px gray, 4px 4px 6px gray inset;
        }
    </style>
</head>

<body>
<p>
    There are lots of different kinds of fruit - there are over 500 varieties
    of banana alone. By the time we add the countless types of apples, oranges,
    and other well-known fruit, we are faced with thousands of choides.
</p>
</body>

</html>